<div id="createpo_table_container" style="display:none">
	<div id="rightside" class="full_size">
    		<article>
        		<header><h2>Create Purchase Order</h2></header>
	            <div class="group" id="createDiv">
	            	<div class="lblDiv">Order Number:</div>
	                <div class="cntrlDiv" id="po_genponum"></div>
	                <div class="lblDiv">Requested By:</div>
	                <div class="cntrlDiv"><input type="text" name="" id="po_reqby" /></div>
	                <div class="lblDiv">Order Date:</div>
	                <div class="cntrlDiv"><span id="po_createdate"></span></div>
	                <div class="lblDiv">Prepared By:</div>
	                <div class="cntrlDiv"><input type="text" name="" id="po_preparedby" /></div>
	                <div class="lblDiv">Order Name:</div>
	                <div class="cntrlDiv"><input type="text" name="" id="po_ordertitle" /></div>
	            </div>
            </article>
       		 <article>
        		<header><h2>Supplier</h2></header>
	            <div class="group" id="createDiv">
	            	<div class="lblDiv">Choose a Supplier:</div>
	                <div class="cntrlDiv">
	                	<select
						id="supplierDropDown" size="1" style="font-size: 10pt;" onchange="javascript:onchange_suppselect(this);">
						<option value="">Select A Supplier</option>
						</select>
	                </div>
	                <div class="lblDiv">Supplier Location:</div>
	                <div class="cntrlDiv">
	                	<select
						id="supplierlocDropDown" size="1" style="font-size: 10pt;">
						<option value="">Select Supplier Location</option>
					</select>
	                </div>
	                <div class="lblDiv">Payment Terms:</div>
	                <div class="cntrlDiv">
	                	<select  id="po_pmtTermsDropDown" size="1" style="font-size: 10pt;">
	                		<option value="">Select Payment Term</option>
	                	</select>
	                </div>
	                
	                
	                <div class="lblDiv">Billing Address:</div>
	                <div class="cntrlDiv">
	                	<select
							id="poBillingAddressDropDown" size="1" style="font-size: 10pt;">
							<option value="">Select Billing Address</option>
						</select>
	                </div>
	                <div class="lblDiv">Shipping Address:</div>
	                <div class="cntrlDiv">
	                	<select
							id="poShippingAddressDropDown" size="1" style="font-size: 10pt;">
							<option value="">Select Shipping Address</option>
						</select>
	                </div>
                	<div class="lblDiv">Delivery Contact:</div>
                    <div class="cntrlDiv"><input type="text" name="" id="po_deliverycontact" /></div>
                    <div class="lblDiv">Phone:</div>
                    <div class="cntrlDiv"><input type="text" name="" id="po_deliveryphone" /></div>
                    <div class="lblDiv">Email:</div>
                    <div class="cntrlDiv"><input type="text" name="" id="po_deliveryemail" /></div>
                    
                    <div class="lblDiv">Delivery<br/>Information:</div>
                    <div class="cntrlTextarea"><textarea name="" id="podeliveryinfo"></textarea></div>
	                
	            </div>
	         </article>
       		 <article>    
 	      		<div id="lineItem_Table1_PlaceHolder1"></div>
	      		<div  id="lineItem_Table_comp">
        		<header><h2>Line Details</h2></header>
        		
        		<div class="fullDiv">Is this a Purchase Order for <a href="javascript:void(0);" onclick="alert('Tell more about Types of Purchase Orders. Good/Services');">goods</a>? <input type="radio" onclick='javascript:togglePOType(this);' id="po_type_goods" name="po_type_rdo" value="Goods">Yes
	                <input type="radio" onclick='javascript:togglePOType(this);' id="po_type_service" name="po_type_rdo" value="Service" Checked="checked">No</div>
	                
        		<div id="lineItem_Table1"></div>
	            <div class="group" id="createDiv">
	            	<div class="fullDiv"></div>
	                <div class="fullDiv" id="po_amt_div">Total Amount:<span id="po_totalamt">0</span>&nbsp;USD</div>
	                <div class="btnDiv"><input type="submit" name="" id="" onclick="create_line_item_table();populate_line_item_table();" value="Add Line"> 
	                <input type="submit" name="" id="deleteSelectedLineItem();" value="Delete Line"></div>
	            </div>
        		</div>
       		 </article>
       		 <article>
        		<header><h2>Add Comments and Attachment</h2></header>
        	
        	
	            <div id="createDiv">
	            	<div class="lblDiv">Custom Field 1:</div>
	                <div class="cntrlDiv"><input type="text" name="" id="po_cf1" /></div>
	                <div class="lblDiv">Custom Field 2:</div>
	                <div class="cntrlDiv"><input type="text" name="" id="po_cf3" /></div>
	                <div class="lblDiv">Custom Field 3:</div>
	                <div class="cntrlDiv"><input type="text" name="" id="po_cf3" /></div>
	            
	            	<table>
	            	<tr>
	            	<td width="50%">
	            	<div id="commentComponetPlaceHolder1"></div>
		               	<table style="border:0" id="commentsComponent">
							<tbody>	<tr valign="top">
								<td style="border:0;"><a href="javascript:void(0);" onclick="javascript:add_pocomment();">Add Comment</a></td>
								<td style="border: 0;">&nbsp;&nbsp;<textarea rows="2" cols="40" id="pocommenttextarea"></textarea>&nbsp;
								<input type="hidden" id="target_comp_comment"></input>
								<input type="hidden" id="target_comp_comment_id"></input></td>
								
							</tr>
							<tr>
								<td colspan="3" style="border: 0;">
								<div id="commentResponsePlaceHolder">
									<table id="pocommentst_table" style="border:0">
										<tbody id="pocomments_tbody">
											<tr id="pocomments_pattern" style="display:none;">
												<td style="border: 0;"><input type="checkbox" checked="checked" id="pocomment_check"> &nbsp;<span id="pocomment_text"></span></td>
											</tr>
										</tbody>
									</table>
								</div></td>
							</tr>
						</tbody>
						</table>
	            	</td>
	            	<td>
	            	<div id="attachmentComponetPlaceHolder_NewPO">
	            	
	            	</div> 
	            	
		               
	            	</td>
	            	</tr>
	            	</table>
	                
	       		
	            	<div class="btnDiv">
	            	<input  onclick="javascript:savepo();"   type="submit" name="" id="" value="Submit Purchase Order"> 
	            	<input onclick="javascript:init_pocreate();" type="submit" name="" id="" value="Reset and Star Again"></div>
	            	
	            </div>
             </article>
            
       
    </div>
    </div>